@charset "utf-8";
html{color:#000; }
body { color:#000;font:14px/1.231 arial,helvetica,clean,sans-serif,"Rubik Medium";font-family:'Rubik Medium';overflow: auto;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td{margin:0;padding:0;}
html,body{width: 100%;height: 100%;}
img{border:0;}
li{list-style:none;}
th{text-align:left;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i{ font-style:normal;}
select,input,button,textarea,button,.add{font:99% arial,helvetica,clean,sans-serif;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a {text-decoration:none;display: inline-block;color: #000;}/*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;color:#08314d }

.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.header,.footer{width: 1200px; margin: 0 auto;overflow: hidden;}
img{display: block;}
button {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: transparent;
	  outline: 0;
    border: none;
}
.green{color: #71C297;}

.pad_l{padding-left: .3rem;}
.pad_l1{padding-left: 1rem;}
.pad_r{padding-right: .3rem;}
.pad1{padding: 1rem;}
select , input{outline:none;border: 0;}
.warp{max-width: 1400px;margin: 0 auto;width: 100%;}
.c999{color:#999}
.c666{color:#666}
.ccc{color:red;font-weight: bold;}
.blue{color: #2481E2;}
.red{color: #E94F4D;}
.right{color:#71C297 ;}
.fbold{font-weight: bold;}

.row{flex-wrap: wrap;}
.flex_ai{display: flex;align-items: center;}
.flex_c{display: flex;justify-content: center;align-items: center;}
.flex{display: flex;justify-content: space-between;align-items: center;}

.content{max-width: 1200px;margin: 0 auto;}
.contents{max-width: 1100px;margin: 0 auto;}

.el-drawer__body{background:linear-gradient(250deg,#288cff  1%,#9c23ff  100%)}
.flex_r{display: flex;justify-content: flex-end;}

@media (min-width: 1400px){
  .container {width: 1400px;}
}

.bule{color: #2481E2;}
#app{width: 100%;
  background: url("../img/bg.jpg") top center / cover fixed;
  min-width: 1260px;
  min-height: 100%;
    /* overflow-x: hidden;overflow-y: auto; */
}
.index_con{
  background: url("../img/bgs.jpg") no-repeat bottom center;
  background-size: 100% 100%;
}
.index_box{
  background: url("../img/bg.jpg") no-repeat center;
  background-size: cover ;
  /* background: #aaa; */
}

.fade-enter-from, .fade-leave-to {
    opacity: 0;
  }
  .fade-enter-to, .fade-leave-from {
    opacity: 1;
  }
  .fade-enter-active {
    transition: all 0.1s ease;
  }
  .fade-leave-active {
     transition: all 0.3s cubic-bezier(1, 0.6, 0.6, 1);
  }


  input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ddd !important;
  }
  
  input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
  }
  
  input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ddd;
  }   

/* 
::-webkit-scrollbar {
      width:10px;
  }
  ::-webkit-scrollbar-track {
      border-radius:4px;
  }
  ::-webkit-scrollbar-thumb {
      border-radius:8px;
      background:rgb(204, 204, 204);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background:rgb(204, 204, 204);
  } */

  .is-fullscreen{
    width: 120px !important;
    height: 120px !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -60px !important;
    margin-left: -60px !important;
    border-radius: 8px;
  }